<?php   
include 'mysql.php';


?>

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>
		a{
			text-decoration: none;
		}
		a:hover{
			color: red;
		}
		#quwenWrapper{
			width: 100%;
			background-color: whitesmoke;
			border-radius: 12px;
		}
		h3{
			text-align:center;
			font-family: "宋体";
		}
		.quwencenter{
			width: 100%;
			overflow: auto;
		}
		#quwenleft{
			float: left;
			overflow: auto;
			background-color:green;
			width: 50%;
		}
		#quwenright{
			float: right;
			min-height: 320px;
			background-color:orange;
			width: 50%;
		}
		.quwenText{
			overflow: auto;
			height: 320px;
		}
		h4{
			text-align:center;
		}
		#div_wrapper{
			background-color: #fffbe5;
			width: 80%;
			height: 60%;
			overflow: auto;
			position: fixed;
			top: 20%;
			right:0;
		}
		.quwen_close{
			position: relative;
			cursor: pointer;
			width: 20px;
			height: 20px;
			text-align: center;
			
		}
		.quwen_close:hover{
			background-color: red;
			color: white;
		}
	</style>
</head>
<body>
<div id="quwenWrapper">
	<!-- 这是最大的块 -->
	<div class="quwencenter">
		<h3>校园周刊</h3>  <!-- 这里放置文章的标题 -->
	<ul>
		<li><a href="javascript:void(0);"  data-log="1" class="quwen_title">随大流吃苦</a></li>
		<hr>
		<li><a href="javascript:void(0);" data-log="2" class="quwen_title">你的挑剔里，藏着曾经的自己</a></li>
		<hr>
		<li><a href="javascript:void(0);" data-log="3" class="quwen_title">成长意味着你必须去做出选择</a></li>
		<hr>
		<li><a href="javascript:void(0);" data-log="4" class="quwen_title">白天吃是为了身体，半夜吃是为了灵魂</a></li>
		<hr>
		<li><a href="javascript:void(0);" data-log="5" class="quwen_title">戴口罩的苦与乐</a></li>
		<hr>
		<li><a href="javascript:void(0);" data-log="6" class="quwen_title">当代青年的流行病</a></li>
		<hr>
		<li><a href="javascript:void(0);" data-log="7" class="quwen_title">人和人的矛盾从哪里来</a></li>
		<hr>
	</ul>
	</div>
	
	
	
</div>	
</body>
</html>